/*
 * @Author: xiaosihan 
 * @Date: 2024-10-30 06:02:28 
 * @Last Modified by: xiaosihan
 * @Last Modified time: 2024-10-31 02:28:01
 */

import NavMeun from "@components/NavMeun/NavMeun";
import ScrollContainer from "@components/ScrollContainer/ScrollContainer";
import { autorun } from "mobx";
import { ReactNode, useEffect, useRef, useState } from "react";
import styles from "./soubtfulSituation.module.less";
import LeftTop from "./LeftTop/LeftTop";
import CenterTop from "./CenterTop/CenterTop";
import InstitutionalRisk from "./InstitutionalRisk/InstitutionalRisk";
import PersonAndInstitutioRelation from "./PersonAndInstitutioRelation/PersonAndInstitutioRelation";
import PDFModel from "./PDFModal/PDFModal";

interface Iprops {
    children?: ReactNode
}

// 疑点情况
export default function DoubtfulSituation() {

    const dom = useRef<HTMLDivElement | null>(null);
    const [data, setData] = useState({});

    useEffect(() => {

    }, []);

    useEffect(() => autorun(() => {

    }, { delay: 10 }), []);

    return (
        <ScrollContainer
            width={2610}
            height={1044}
        >
            <div className={styles.soubtfulSituation} >
                <div className={styles.title} >成都长护反欺诈大数据运行态势</div>

                {/* 导航按钮 */}
                <NavMeun />

                {/* 流程图 */}
                <LeftTop />

                {/* 模型统计 */}
                <CenterTop />

                {/* 机构风险指数 */}
                <InstitutionalRisk />

                {/* 风险机构被检出的风险疑点情况 */}
                <PersonAndInstitutioRelation />

                {/* pdf弹窗 */}
                <PDFModel />

            </div>
        </ScrollContainer>
    );

}